<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<style type="text/css">
html {
	height: 100%
}

body {
	height: 100%;
	margin: 0;
	padding: 0
}

#map_canvas {
	height: 100%
}
</style>
<script type="text/javascript"
	src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDJw004BOSkVg2COYPPkLl4Yux9guh7yrY&sensor=true">
    
    //key = là key để mà đăng kí với google sử dụng dịch vụ google map
    //sử dụng lấy file này bỏ vào trong iframe của colorbox
</script>
<script type="text/javascript">
//10.774001,106.667126
//15
	function initialize() {
		var myLatlng = new google.maps.LatLng(10.770555,106.67044);
		var myOptions = {
		zoom: 16,
		center: myLatlng,
		mapTypeId: google.maps.MapTypeId.ROADMAP
	}
	var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
	var contentString = "";
	
	var infowindow = new google.maps.InfoWindow({
	content: contentString
	});
	
	var marker = new google.maps.Marker({
        position: myLatlng,
        map: map,
        title:"MyCompany"
	});
	
	google.maps.event.addListener(marker, 'click', function() {
		infowindow.open(map,marker);
	});

}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width: 100%; height: 100%"></div>
</body>
</html>